<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加商品基本信息</title>
<script language="javascript">
	function getimages(id)
	{
		var ids = $("#imagestype"+id).val();
		if(ids>0)
		{
			if(ids==1)
			{
				$("#systemimages1"+id).show();
				$("#systemimages2"+id).hide();
			}else{
				$("#systemimages1"+id).hide();	
				$("#systemimages2"+id).show();
			}
			
		}else{
			$("#systemimages1"+id).hide();
			$("#systemimages2"+id).hide();	
		}
	}
	
function showimages(id,t,s,urlID)
{
	$.post("/magento/ajaxbutton", {"op": "shopifyshowImages","id":id},
	  function(data){
			if(data)
			{
				var tmp="<div class=upload_preview>";
				for(var i=0;i<data.length;i++)
				{
					if(s==1)
					{
						var dels= "";	
					}else{
						var dels="";
					}
					tmp+=" <div style='border:1px;width:90px;  margin: 1em;float: left;position: relative;'><a href="+data[i]+" target=_thank><img src='"+data[i]+"' width=100></a>"+dels+"</div>";
				}
				tmp+="</div>";
				$("#showimages").html(tmp);
			}
			
	   },"json");
	$("#MergeProductID").val(id);
	$("#urlID").val(urlID);
	if(t==1)
	{
		$("#zyupload").hide();	
	}
	$('#showimagesform').modal('show');
		
}
</script>
<body class="withvernav">
<div class="bodywrapper">
{{include file='/public/leftmenu.tpl'}}
<div class="centercontent">
<div class="pageheader notab">
  <h1 class="pagetitle">三、上传图片</h1>
  <span class="pagedesc"></span>
  <div class="menulist"> </div>
</div>
<!--pageheader-->

<div id="contentwrapper" class="contentwrapper">
<div id="basicform" class="subcontent">
<form class="stdform stdform2"  id="otherForm" method="post" action="/magento/shopifysaveupload" enctype="multipart/form-data" >
 {{foreach from=$list item=li key=key}}
  <table cellpadding="0" cellspacing="0" border="0" class="stdtable">
    <thead>
      <tr>
        <th colspan="2" class="head1">店铺 {{$li.webname}}  上传商品 {{$li.sku}} 图片</th>
      </tr>
    </thead>
  </table>
  <table cellpadding="0" cellspacing="0" border="0" class="stdtable">
    <tbody>
    
   
      <tr>
      <td class="head1" width="20%">
       <select name="imagetype[]" onChange="getimages({{$li.id}})" id="imagestype{{$li.id}}" >
       <option value="0">-请选择用图方式-</option>
       <option value="1" {{if $li.images_type==1}} selected{{/if}}>-管理系统图-</option>
       <option value="2" {{if $li.images_type==2}} selected{{/if}}>-自己上传图-</option>
       </select> 
        <input name="id[]" value="{{$li.id}}" type="hidden">
      </td>
    </tr>
    
     <tr id="systemimages1{{$li.id}}" {{if $li.images_type==1}} {{else}}style="display:none"{{/if}}>
      <td class="head1">
        {{if $li.imagelist==0}}
      		<B><font color="#FF0000">无网站用图，必须选择自己上传图片</font></B>
        {{else}}
      		{{foreach from=$li.imagelist item=img key=key}}
            	<img src="{{$img.picurl}}"  width="100">
            {{/foreach}}
      {{/if}}
      </td>
    </tr>
    <tr id="systemimages2{{$li.id}}" {{if $li.images_type==2}} {{else}}style="display:none"{{/if}}>
      <td class="head1">
      {{if $li.uploadImages}}
       {{foreach from=$li.uploadImages item=img key=key}}
            <img src="{{$img}}"  width="100">
       {{/foreach}}
      {{/if}}
       <br>
      <a href="javascript:void(0)" onClick="showimages({{$li.id}},0,1,'{{$urlID}}')"  class="stdbtn btn_red">点击上传图片</a>
      </td>
    </tr>
    
   
     
   
      </tbody>
    
  </table>
   {{/foreach}}
   <table cellpadding="0" cellspacing="0" border="0" class="stdtable">
    <tbody>
    
      <tr>
        <td colspan="6"  class="head0"><button type="submit" class="btn btn-primary" onClick="saveform()" > 保存等待更新商品 </button>
        </td>
      </tr>
        </tbody>
      
    </table>
</form>


<!-- 模态框（Modal） 样本图片-->
<form action="/magento/ajaxbutton?op=saveProductImages"  method="post" name="uctform" id="uctform" >
<input type="hidden" name="MergeProductID" id="MergeProductID">
<input type="hidden" name="urlID" id="urlID">
  <div class="modal fade" id="showimagesform" tabindex="-1" role="dialog" aria-labelledby="sshowimagesform" aria-hidden="true">
    <div class="modal-dialog" style="width:740px;">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" 
               aria-hidden="true">× </button>
          <h4 class="modal-title" id="sshowimagesform">重复上传会覆盖原来的图片 </h4>
        </div>
        <div class="modal-body">
        
        	<div style="width:100%;height:400px; overflow-y:scroll; border:0px solid;">
             <div id="showimages"></div>  
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
		<link rel="stylesheet" href="/fuman/upfile/uploadify/zyupload/skins/zyupload-1.0.0.min.css" type="text/css">
		<script type="text/javascript" src="/fuman/upfile/uploadify/zyupload/zyupload.basic-1.0.0.min.js"></script>
         <div id="upok"></div>  
         <div id="zyupload" class="zyupload"></div>  
         <div id="uploadInfnew"></div>  
         
	    <script type="text/javascript">
			$(function(){
				// 初始化插件
				$("#zyupload").zyUpload({
					width            :   "650px",                 // 宽度
					height           :   "400px",                 // 宽度
					itemWidth        :   "100px",                 // 文件项的宽度
					itemHeight       :   "95px",                 // 文件项的高度
					url              :   "/fuman/upfile/uploadify/up.php",              // 上传文件的路径
					fileType         :   ["jpg","png","txt","js","exe"],// 上传文件的类型
					fileSize         :   51200000,                // 上传文件的大小
					multiple         :   true,                    // 是否可以多个文件上传
					dragDrop         :   false,                   // 是否可以拖动上传文件
					tailor           :   false,                   // 是否可以裁剪图片
					del              :   true,                    // 是否可以删除文件
					finishDel        :   false,  				  // 是否在上传文件完成后删除预览
					/* 外部获得的回调接口 */
					onSelect: function(selectFiles, allFiles){    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
						console.info("当前选择了以下文件：");
						console.info(selectFiles);
					},
					onDelete: function(file, files){              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
						console.info("当前删除了此文件：");
						console.info(file.name);
					},
					onSuccess: function(file, response){          // 文件上传成功的回调方法
						console.info("此文件上传成功：");
						console.info(file.name);
						console.info("此文件上传到服务器地址：");
						console.info(response);
						//$("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
						$("#uploadInfnew").append( response );
						$("#upok").html("<p><h1>上传成功，点击提交,保存图片</h1></p>");
					},
					onFailure: function(file, response){          // 文件上传失败的回调方法
						$("#uploadInf").append("<p>此文件上传失败：" + file.name + "</p>");
					},
					onComplete: function(response){           	  // 上传完成的回调方法
						console.info("文件上传完成");
						console.info(response);
					}
				});
				
			});
			
		</script> 
                </td>
            </tr>
          
          </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal"> 关闭 </button>
            <button type="button" class="btn btn-primary"  onclick="AWSsubmit('uctform','showimagesform')"> 提交 </button>
          </div>
        </div>
        <!-- /.modal-content --> 
      </div>
      <!-- /.modal-dialog --> 
    </div>
  </div>
</form>
<!-- 模态框（Modal）样本图片 -->

</body>
</html>